<template>
  <router-view></router-view>
</template>

<script>
import { reactive, watch,ref, toRef } from 'vue'
import Home from './views/Home.vue'
export default {
  name: 'App',
  
//   setup(){
// 	  let x=ref(100)
// 	  let person=reactive({
// 		  name:'why',
// 		  job:{
// 			  j1:{
// 				  money:1000,
// 				  time:1
// 			  }
// 		  }
// 	  })
// 	 function myClick(){
// 		  this.x++
// 	  }
// 	  // 监控整个对象
// 	  // watch(person,(newvalue,oldvalue)=>{
// 		 //  console.log('person对象的变化:',newvalue,oldvalue)
// 	  // })
// 	  // 监控对象的某个属性
// 	  // watch(()=>person.job.j1.money,(newvalue,oldvalue)=>{
// 	  // 		  console.log('person对象某个的变化:',newvalue,oldvalue)
// 	  // })
// 	  // 	  // 监控对象的某些属性
// 	  // watch([()=>person.job.j1.money,()=>person.job.j1.time],(newvalue,oldvalue)=>{
// 	  // 		  console.log('person对象某个的变化:',newvalue,oldvalue)
// 	  // })
// 	  // watch(x,(newvalue,oldvalue)=>{
// 	  // 		  console.log('x的值变化:',newvalue,oldvalue)
// 	  // })
	  
// 	  let pname=toRef(person,'name')
// 	  console.log(pname)
	  
// 	  return{
// 			x,
// 			myClick,
// 			person,
// 			pname
// 	  }
//   },

//   components: {
//     Home
//   }
}
</script>
<style lang="scss">
	@use  './styles/base.scss';
	@use './styles/ui.scss';
	 

</style>
